<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			a {
				background-color: #bfc;
				/*
				内联元素不支持宽和高
				
				将内联元素设置为块元素才能生效
					设置display样式，可以修改元素的类型。
					可选值：
					inline：将一个元素设置为内联元素
					block：块元素
					inline-block：将一个元素转换为行内块元素。
					浏览器长度变化，hello有可能变为同一行。
					none：这个元素不会显示
				*/
				width: 500px;
				height: 500px;
				display: none;
			}

			.box {
				width: 100px;
				height: 100px;
				background-color: #0000FF;
				/*
				display: none 隐藏，不会再占据页面。
				*/
				/* display: none; */
				
				/*
					这个没了，还是会占据原来的位置。
				*/
				visibility: hidden;
			}
		</style>
	</head>
	<body>
		<div class="box"></div>
		<a href="#">大的超链接</a>
		<span>hello</span>
	</body>
</html>
